* {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.hhh{
    width: 100%;
    height: 80px;
    box-shadow:2px 2px 5px  lightgray;
    position:fixed;  
    z-index:1;
}
.header {
    width: 1200px;
    height: 81px;
    margin: 0px auto; 
    z-index:1;
}

.logo {
    float: left;
    width: 130px;
    height: 100%;
    background: url(../img/shou.png) no-repeat center / 100% 60%;
}

.menus {
    margin-left: 50px;
    float: left;
    width: 550px;
    height: 100%;
    overflow: hidden;
}

.menus>li,
.right>li {
    height: 20px;
    margin: 30px 13px;
    float: left;
    cursor: pointer;
    color: #442919;
}

.menus>li:hover,
.right>li:hover {
    color: #E1A24B;
}

.right {
    width: 370px;
    height: 100%;
    float: right;
}

.demo {
    float: left;
    margin-top: 10px;
    margin-left: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px;
    border-color: #000 transparent transparent transparent;
}
.banner{
    width: 60%;
    height: 600px;
    background:  url(../img/1.jpg)no-repeat 0 0 / 100% 100%;
    margin: 0 auto;
    position: relative;
    margin-top: 10px;
}
.banner1{
    width: 100px;
    height: 180px;
    position: absolute;
    bottom: 0;
     right: 0px;  
    cursor: pointer;
}
.banner2{
    width: 100px;
    height: 50px;
    background: url(../img/1.jpg)no-repeat 0 0 / 100% 100%;
    border: 1px solid red;
  
}
.banner3{
    width: 100px;
    height: 50px;
    background: url(../img/5.jpg)no-repeat 0 0 / 100% 100%;
    margin-top: 10px;
}
.banner4{
    width: 100px;
    height: 50px;
    background: url(../img/6.jpg)no-repeat 0 0 / 100% 100%;
    margin-top: 10px;
}
.banner5{
    width: 60%;
    height: 450px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.banner6{
    width: 50%;
    height: 100%;
}
.banner7{
    width: 100%;
    height: 40px;
    font-size: 18px;
    color: #684029;
}
.banner8{
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: start;
}
.banner9{
    width: 60px;
    height: 25px;
    border: 1px solid #D8C5C6;
    border-radius: 10px;
    margin-top: 12.5px;
    font-size: 12px;
    text-align: center;
    line-height: 25px;
    color: #D8C5C6;
    margin-left: 12px;
}
.banner-a{
    width: 100%;
    height: 50px;
}
.banner-b{
    width: 50px;
    height: 100%;
    background: url(../img/jiu.png)no-repeat 0 0 / 100% 100%;
    float: left;
}
.banner-c{
    width: 120px;
    height: 100%;
    float: left;
    font-size: 12px;
    line-height: 50px;
    color: #684029;
}
.banner-d{
    width: 50px;
    height: 100%;
    background: url(../img/hua.png)no-repeat 0 0 / 100% 100%;
    float: left;
}
.banner-e{
    width: 100%;
    height: 30px;
    margin-top: 20px;
    font-size: 12px;
    line-height: 30px;
    color: #684029;
    cursor: pointer;
}
.banner-f{
    width: 100%;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    color: #684029;
    cursor: pointer;

}
.banner-g{
    width: 100%;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    color: red;
    cursor: pointer;
}
.banner-h{
    width: 100%;
    height: 40px;
    margin-top: 20px;
}
.banner-j{
    width: 30px;
    height: 30px;
    overflow: hidden;
    float: left;
    background: url(../img/xue.png)no-repeat ;
    background-position:  -317px -16px;
}
.banner-k{
    width: 300px;
    height: 100%;
    float: left;
    margin-left: 10px;
    line-height: 40px;
    font-size: 12px;
    color: #684029;
}
.banner-l{
    width: 100%;
    height: 40px;
}
.banner-m{
    width: 20px;
    height: 20px;
    margin-top: 10px;
    float: left;
    background: url(../img/tang.png)no-repeat 0 0 / 100% 100%;
}
 .banner-n{
     width: 60px;
     height: 100%;
      float: left;
      font-size: 12px;
    color: #684029;
    line-height: 40px;
    margin-left: 10px;
 }
 .banner-o{
    width: 20px;
    height: 20px;
    margin-top: 10px;
    float: left;
    background: url(../img/t1.png)no-repeat 0 0 / 100% 100%;
 }
 .banner-1{
     width: 60%;
     height: 100%;
     float: left;
 }
 .banner-2{
     width: 300px;
     height: 200px;
     float: left;
     background: red url(../img/fang.jpg)no-repeat 0 0 / 100% 100%;
 }
 .banner-{
     width: 100%;
     height: 200px;
     float: left;
 }
 .banner-3{
    width: 280px;
    height: 200px;
    float: right;
 }
 .banner-4{
     width: 100%;
     height: 40px;
 }
 .banner-5{
     width: 30px;
     height: 30px;
     float: left;
     background: url(../img/xue.png)no-repeat ;
     background-position: -445px -28px;  
 }
 .banner-6{
     width: 200px;
     height: 100%;
     float: left;
     font-size: 12px;
     color: #684029;
     line-height: 40px;
     margin-left: 10px;
 }
 .banner-7{
     width: 100%;
     height: 40px;
     font-size: 22px;
     color: #684029;
 }
 .banner-8{
     width: 100%;
     height:220px ;
     float: left;
 }
 .banner-9{
     width: 100%;
     height: 40px;
     margin-top: 10px;
 }
 .banner-10{
     width: 75px;
     height: 100%;
     font-size: 12px;
     line-height: 40px;
     text-align: center;
     float: left;
     color: #684029;
 }
 .banner-11{
    width: 75px;
    height: 39px;
    border: 1px solid rgb(189, 185, 185);
    float: left;
    margin-left: 10px;
    font-size: 12px;
    line-height: 40px;
    text-align: center;
    color: #684029;
    cursor: pointer;
 }
 .banner-12{
     width: 100%;
     height: 60px;
     margin-top: 10px;
     float: left;
 }
 .banner-13{
     width: 50px;
     height: 80%;
     float: left;
     cursor: pointer;
     border: 1px solid rgb(189, 185, 185);
     background: url(../img/mian.jpg)no-repeat 0 0 / 100% 100%;
 }
 .banner-14{
     width: 60%;
     height: 40px;
     float: left;
     display: flex;
     justify-content: space-between;
     cursor: pointer;
 }
 .banner-15{
     width: 50%;
     height: 100%;
    font-size: 12px;
    line-height: 40px;
    text-align: center;
    margin: 0 auto;
    background:  #EFEFEF;
 }
 .banner-16{
    width: 50%;
    height: 100%;
   font-size: 12px;
   line-height: 40px;
   text-align: center;
   margin: 0 auto;
   background:  #482618;
   color: #fff;
}
.dog{
    width: 100%;
    height: 1000px;
}
.dog1{
    width: 1150px;
    height: 100%;
    margin: 0 auto;
    background: url(../img/22222.jpg)no-repeat 0 0 / 100% 100%;
}
.dog3{
    width: 100%;
    height: 1200px;
}
.dog2{
    width: 1150px;
    height: 100%;
    margin: 0 auto;
    background: url(../img/shicai.jpg)no-repeat 0 0 / 100% 100%;
}
.dog5{
    width: 100%;
    height: 1800px;
}
.dog4{
    width: 1150px;
    height: 100%;
    margin: 0 auto;
    background: url(../img/3333.jpg)no-repeat 0 0 / 100% 100%;
}
.dog6{
    width: 1150px;
    height: 100%;
    margin: 0 auto;
    background: url(../img/gongyi.jpg)no-repeat 0 0 / 100% 100%;
}
.dog7{
    width: 1150px;
    height: 100%;
    margin: 0 auto;
    background: url(../img/di.jpg)no-repeat 0 0 / 100% 100%;
}
.cat{
    width: 1150px;
    height: 950px;
    margin: 0 auto;
}
.cat1{
    width: 100%;
    height: 460px;
}
.cat2{
    width: 100%;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #684029; 
}
.cat3{
    width: 500px;
    height: 200px;
    display: flex;
    justify-content: center;
}
.cat4{
    width: 30%;
    height: 100%;
}
.cat5{
    width: 100%;
    height: 25%;
    font-size: 12px;
    line-height: 50px;
    color: #684029; 
}
.cat6{
    width: 100%;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #684029; 
    margin-left: 20px;
}
.win{
    width: 100%;
    height: 350px;
   border: 1px solid rgb(187, 176, 176);
}
.win1{
    width: 100%;
    height: 30px;
    margin-top: 10px;
    color: #684029;
    text-indent: 10px;
}
 .win2{
     width: 100%;
     height: 250px;
     margin-top: 50px;
     display: flex;
     justify-content: center;
 }
 .win3{
     width: 18%;
     height: 100%;
 }
.win4{
    width: 100%;
    height: 70%;
    background: url(../img/fansi.jpg)no-repeat 0 0 / 100% 100%;
}
.win5{
    width: 100%;
    height: 30px;
    color: #684029;
}
.win6{
    width: 100%;
    height: 30px;
    color: #684029;
    font-size: 14px;
    text-align: center;
}